<h:panelGroup xmlns:h='http://java.sun.com/jsf/html'
              xmlns:p='http://primefaces.org/ui'
              xmlns:z='http://savanti.com.bo/ui'
              xmlns:s='http://savanti.com.bo/ui-simple'
              xmlns:x='http://java.sun.com/jsf/composite/ui/component'
              xmlns:e='http://java.sun.com/jsf/composite/ui/component-entity' styleClass='ITAsiento' id='ITAsiento'><p:growl id='growl'/>

<z:focus focus='#{ITAsiento.focus}'/>

<z:beanMenubar bean='#{ITAsiento}' title='Asiento #{ITAsiento.entity.id}' dateIni='#{ITAsiento.dateIni}' dateEnd='#{ITAsiento.dateEnd}'/>

<h:panelGrid columns='1' width='100%' rendered='#{ITAsiento.form}'>

<h:panelGrid id='bean' columns='2' styleClass='bean align-top'>

  <x:beanPanel id='hd' bean='#{ITAsiento}' title='Cabecera' cellpadding='7'>

  <e:fieldL b='#{bean}' p='Tipo'       w='140px'/>

  <e:fieldI b='#{bean}' p='Referencia' w='90px' onkeydown='tab()'/>

  <e:fieldD b='#{bean}' p='Fecha'      w='140px'/>

  <e:fieldA b='#{bean}' p='Detalle'    w='90px'/>

  <x:fieldN b='#{bean}' t='Debe'       w='90px' v='#{bean.debe}'/>

  <x:fieldN b='#{bean}' t='Haber'      w='90px' v='#{bean.haber}'/>

  </x:beanPanel>


  <x:beanPanel id='ps' bean='#{ITAsiento}' title='Posicion' cellpadding='5' columns='1' style='min-width: 300px'>

  <x:fieldS b='#{bean}' t='Cuenta' v='#{bean.partida.cuenta}' x='#{x}' xL='#{x.codigo} #{x.nombre}' onkeydown='tab()' id='cuentaId'/>

  <x:fieldI b='#{bean}' t='Glosa'  v='#{bean.partida.glosa}' onkeydown='tab()'/>

  <x:fieldB b='#{bean}' t='Deb / Hab' v1='#{bean.partida.debe}' v2='#{bean.partida.haber}' l='detailAdd'/>

  </x:beanPanel>

</h:panelGrid>


<x:dataTable bean='#{ITAsiento}' ls='#{ITAsiento.entity.lsPartida}' r='#{x.cuenta.id}'>

<s:columnT t='Codigo' v='#{x.cuenta.codigo}' w='80px'/>

<s:columnT t='Cuenta' v='#{x.cuenta.nombre}'/>

<s:columnT t='Glosa'  v='#{x.glosa}' w='250px'/>

<s:columnN t='Debe'   v='#{x.debe}'  w='55px'/>

<s:columnN t='Haber'  v='#{x.haber}' w='55px'/>

</x:dataTable>

</h:panelGrid>


<e:dataTable bean='#{ITAsiento}'>

<z:columnT t='Asiento'    v='#{x.id}' w='60px'/>

<z:columnT t='Periodo'    v='#{x.periodo.ejercicio.nombre} #{x.periodo.nombre}' w='70px'/>

<z:columnT t='Tipo'       v='#{x.tipo.abreviacion}' w='70px'/>

<z:columnT t='Refe'       v='#{x.referencia}' w='70px'/>

<z:columnT t='Detalle'    v='#{x.detalle}'/>

<z:columnN t='Importe'    v='#{x.importe}' w='70px'/>

<z:columnD t='Fecha'      v='#{x.fecha}'/>

</e:dataTable>

</h:panelGroup>